import React, { Fragment } from 'react'
import { Table, Pagination } from 'antd'
import { connect } from 'dva'

@connect(({ global }) => ({
  global,
}))
class Home extends React.Component {
  render() {
    const dataSource = [{
      key: '1',
      name: '胡彦斌',
      age: 32,
      address: '西湖区湖底公园1号',
    }, {
      key: '2',
      name: '胡彦祖',
      age: 42,
      address: '西湖区湖底公园1号',
    }]

    const columns = [{
      title: '姓名',
      dataIndex: 'name',
      key: 'name',
    }, {
      title: '年龄',
      dataIndex: 'age',
      key: 'age',
    }, {
      title: '住址',
      dataIndex: 'address',
      key: 'address',
    }]
    return (
      <Fragment>
        <div>Home Page</div>
        <Pagination defaultCurrent={1} total={50} showSizeChanger />
        <Table dataSource={dataSource} columns={columns} />
      </Fragment>
    )
  }
}

export default Home
